import store from '@/store';
import React from 'react';
import styled from 'styled-components';

const Layout = styled.div`
  display: grid;
  grid-template-rows: 50% 50%;
  background-color: red;
`;

const TextInput = styled.input`
  
`;

const TranslateBox: React.FC = () => {
  return (
    <Layout>
      <div>
        <div>{store.store.currentTranslateItem?.textKey}</div>
        <div>{store.store.currentTranslateItem?.textValue}</div>
      </div>
      <div >
        <TextInput disabled={true}></TextInput>
        <button>上一条</button>
        <button>保存</button>
        <button>下一条</button>
      </div>
    </Layout>
  );
};
export default TranslateBox;
